<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>参考</title>
		 <link rel="stylesheet" href="style1.css">
		<link rel="stylesheet" href="style.css">
		
<link rel="icon" href="img/片1.ico" type="images/x-ico" />
	</head>
	<body background="img/greg-rosenke-CwjX0miEPGc-unsplash.jpg">
		 <input type="checkbox" id="check">
    <label for="check">
        <i class="fas fa-bars" id="btn"></i>
        <i class="fas fa-times" id="cancel"></i>
    </label>
    <div class="sidebar">
       <a href="#"> <header>心旅计划</header></a>
        <ul>
            <li><a href="#"><i ></i>登录</a></li>
            <li><a href="#"><i ></i>记录</a></li>
            <li><a href="#"><i ></i>他人</a></li>
            <li><a href="#" style="font-size: 10px;"><i ></i>专业咨询师帮助【团队建设中。。。】</a></li>
            <li><a href="#"><i ></i>充值</a></li>
            <li ><a href="#" style="font-size: smaller;"><i ></i>社区【构建中。。。】</a></li>
            <li><a href="#" style="font-size: smaller;"><i ></i>Feeback【构建中。。。】</a></li>
        </ul>
    </div>
  
		<div class="team-section">
			<div class="person">
				<img src="img/jiangxulei1990-U3G3ed8-BT4-unsplash.jpg" alt="" class="person-pic">
				<div class="person-info">
					<h2>刘先生</h2>
					<p>进入职场后心态变化，刘的调整办法</p>
					<div class="socialmedia" class="person-pic">
					
						<a href="#"><i >推免本周</i></a>
						<a href="#"><i > <br>no-300代币</i></a>
						<a href="#"><i > <br>
						no-3RMB</i></a>
					</div>
				</div>
			</div>
			  <div class="person">
				<img src="img/kamran-ch-5zaweEWW7GM-unsplash.jpg" alt="" class="person-pic">
				<div class="person-info">
					<h2>瞳瞳</h2>
					<p>成长的烦恼，有关瞳瞳对成长中挫折的思考</p>
					<div class="socialmedia">
					
						<a href="#"><i>限时优惠50%off!!!</i></a>
						<a href="#"><i > <br>only-100代币</i></a>
						<a href="#"><i > <br>only-2RMB</i></a>
					</div>
				</div>
			</div>
		    <div class="person">
				<img src="img/zhang-kaiyv-2NRmn62kB78-unsplash.jpg" alt="" class="person-pic">
				<div class="person-info">
					<h2>美亚</h2>
					<p>与初恋男友失恋后的疗伤</p>
					<div class="socialmedia">
						<a href="#"><i >热点</i></a>
						<a href="#"><i> <br>600代币</i></a>
						<a href="#"><i ><br>5RMB</i></a>
						
					</div>
				</div>
			</div>
			<div class="person">
				<img src="img/图片5.png" alt="" class="person-pic">
				<div class="person-info">
				
				
					<div class="socialmedia">
					
						<a href="#"><i >GO</i></a>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
